@import "@/common/constants/StyleConst.scss";

.title-container {
  height: 53px;

  h3 {
    font-size: 18px;
    color: $color-theme-grey;
    font-weight: 700;
  }
}

.list {
  min-height: 221px;
  background: $color-text-white;

  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  .list-title {
    height: 35px;
    h3 {
      font-size: 14px;
      font-weight: 700;
      color: #5B647A;
    }
  }
  .list-item {
    height: 48px;
    background-color: $color-theme-lightgrey;
    margin-bottom: 8px;
    border-radius: 8px;
    text-align: left;

    .list-item-content {
      font-weight: 400;
      font-size: 14px;
      color: $color-theme-grey;
    }
  }

  :deep .active {
    background-color: $color-text-white;
    outline: 2px solid $color-theme-orange;

    &::before {
      opacity: 0;
    }
  }
}
